<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont-none.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" media="all">
    <!-- <link rel="stylesheet" type="text/css" href="__STATIC_CSS__iconfont2.css"/> -->
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.seller.css">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>


    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" media="all"/>
    <!-- <link rel="stylesheet" type="text/css" href="__STATIC_CSS__iconfont2.css"/> -->
    <link rel="stylesheet" type="text/css" href="/static/js/ue/themes/default/css/ueditor.css">
    <!--vue的使用-->
    <script src="/static/vue/vue.js"></script>

    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont-none.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" media="all">
    <!-- <link rel="stylesheet" type="text/css" href="/static/css/iconfont2.css"/> -->
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.seller.css">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>



    <script src="/static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/lib/layuiadmin/layui/layui.js"></script>


    <script src="/static/js/jshop.js"></script>
    <script type="text/javascript" charset="utf-8" src="/static/js/ue/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/static/js/ue/lang/zh-cn/zh-cn.js"/>
    <script type="text/javascript" charset="utf-8" src="/static/js/ue/ueditor.all.min.js"> </script>

    <script src="/static/lib/echarts/build/dist/echarts.js"></script>

</head>
<body>
<form class="layui-form  seller-alone-form" id="userAdd" style="padding:20px;">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">手机号：</label>
            <div class="layui-input-inline">
                <input type="text" name="mobile" required lay-verify="required|phone"  class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">昵称：</label>
            <div class="layui-input-inline">
                <input type="text" name="nickname" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">密码：</label>
            <div class="layui-input-inline">
                <input type="password" name="password" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">确认密码：</label>
            <div class="layui-input-inline">
                <input type="password" name="repassword" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">性别：</label>
            <div class="layui-input-inline">
                <input type="radio" name="sex" value="1" title="男" checked="checked">
                <input type="radio" name="sex" value="2" title="女">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">生日：</label>
            <div class="layui-input-inline">
                <input type="text" name="birthday" id="birthday" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">等级：</label>
            <div class="layui-input-inline">
                <select name="grade" >
                    <option value="" selected="selected">请选择</option>
                    <option value="1">普通等级</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">状态：</label>
            <div class="layui-input-inline layui-form-select">
                <select name="status" id="status">
                    <option value="1" selected="selected">可用</option>
                    <option value="2">停用</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">头像：</label>
            <div class="layui-input-inline">

                <button type="button" class="layui-btn" id="upload_img_avatar" onclick="upImagavatare()">上传图片</button>
                <div class="layui-upload-list">
                    <img class="layui-upload-img"  src="https://b2c.jihainet.com/static/images/default.png" id="image_src_avatar" style="width:90px;height:90px;" >
                    <p id="upload_text_avatar"></p>
                </div>
                <input class="layui-upload-file" type="hidden" name="avatar"  id="image_value_avatar" value="">
                <textarea id="edit_avatar" style="display: none;"></textarea>
                <script>
                    var _editoavatarr = UE.getEditor("edit_avatar",{
                        initialFrameWidth:800,
                        initialFrameHeight:300,
                        zIndex:19891026,
                        single:false
                    });
                    _editoavatarr.ready(function (){
                        //_editoavatarr.setDisabled();
                        _editoavatarr.hide();
                        //侦听图片上传
                        _editoavatarr.addListener('beforeInsertImage',function(t,arg){
                            $("#image_value_avatar").attr("value",arg[0].image_id);
                            //将图片地址赋给img的src,实现预览
                            $("#image_src_avatar").attr("src",arg[0].src);
                        });
                    });
                    //上传dialog
                    function upImagavatare(){
                        var myImagavatare = _editoavatarr.getDialog("insertimage");
                        myImagavatare.open();
                    }
                </script>

            </div>
        </div>
    </div>
   <script>
    layui.use(['form', 'laydate'], function () {
        var form = layui.form, laydate = layui.laydate;
        form.render();

        laydate.render({
            elem: '#birthday'
        });
    });
</script>
</body>
</html>